<template>
  <div class="userdonate">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      捐赠记录
    </div>
    <scroller lock-x height="700px" :use-pullup='use_pullup' :pullup-config="pullup_con" @on-pullup-loading="onScrollBottom" ref="scroller" :scroll-bottom-offst="200">
      <div class="userdonate-list">
        <ul>
          <li v-for="lists in list">
            <img :src="lists.eventPicUrl"/>
            <div class="list-text" v-html="lists.eventName">

            </div>
            <div class="list-right">
              <p>捐助<span>{{lists.amount}}</span>元</p>
              <button v-if="lists.eventStatus == 1">募捐中</button>
              <button v-else>已结束</button>
            </div>
          </li>
        </ul>
        <load-more :tip="tipText" :show-loading="show_loading"></load-more>
      </div>
    </scroller>





  </div>
</template>

<script src="./userdonate.js"></script>
